<template>
  <el-container>
    <el-header>
      <el-button class="btn float-left" type="primary" round>{{lang._507}}</el-button>
    </el-header>
    <!-- 顶部栏 -->
    <el-main>
      <el-table class="text-center tables" :data="tableData" stripe header-cell-style="color:#409eff;background-color:#ECF5FF;text-align:center;font-size:15px;padding-left:0;padding-right:0">
        <el-table-column prop="uid" :label="lang._045" width="40">
        </el-table-column>
        <el-table-column prop="operate" :label="lang._028" width="40">
            <template slot-scope="scope">
                <el-button type="text">{{lang._078}}</el-button>
            </template>
        </el-table-column>
        <el-table-column prop="startTime" :label="lang._508" width="408">
        </el-table-column>
        <el-table-column prop="endTime" :label="lang._509" width="408">
        </el-table-column>
        <el-table-column prop="content" :label="lang._510" width="408">
        </el-table-column>
        <el-table-column prop="status" :label="lang._511">
        </el-table-column>
      </el-table>
    </el-main>
  </el-container>
</template>
<script>
  export default {
    props: ['lang'],
    data() {
      return {
        tableData: [{
            startTime: '0:00:00',
            endTime: '23:59:59',
            content: '我们在营业哦~',
            status: '开启'
        },{
            startTime: '0:00:00',
            endTime: '23:59:59',
            content: '我们在营业哦~',
            status: '开启'
        },{
            startTime: '0:00:00',
            endTime: '23:59:59',
            content: '我们在营业哦~',
            status: '开启'
        },{
            startTime: '0:00:00',
            endTime: '23:59:59',
            content: '我们在营业哦~',
            status: '开启'
        },]
      }
    }
  }
</script>
<style lang="less" scoped>
  .el-container {
    .btn {
      margin-top: 15px;
      height: 30px;
      line-height: 30px;
      padding: 0 20px; //   margin-left: 20px;
      //   margin-right: 20px;
    }
    .el-header,
    .el-footer {
      background-color: #FFFFFF;
      color: #333;
      text-align: center;
      line-height: 60px;
    }

    .el-aside {
      background-color: #D3DCE6;
      color: #333;
      text-align: center;
      line-height: 200px;
    }

    .el-main {
      background-color: unset;
      color: #333;
      text-align: center;
    //   line-height: 160px;
    }

    body>.el-container {
      margin-bottom: 40px;
    }

    .el-container:nth-child(5) .el-aside,
    .el-container:nth-child(6) .el-aside {
      line-height: 260px;
    }

    .el-container:nth-child(7) .el-aside {
      line-height: 320px;
    }
  }

</style>
<style>
.el-table th>.cell{
    padding-left: 0;
    padding-right: 0;
}
</style>
